<%= tr8n_lightbox_header_tag %>
<style>
  .lightbox {
  	background-color: white;
  }
  .title {
    padding: 5px;
    <%=tr8n_style_attribute_tag('text-align', 'left')%>;
    font-size: 14px;
    font-weight: bold;
  }
  .buttons {
    text-align: center;
  }
	.content {
		background-color: #f8f7f6;
		padding-bottom: 10px;
	}
  .content td {
    vertical-align: top;
    padding: 5px;
  }
</style>

<div class="inner">
  <div class="hd" style="">
    <% if @reported_object.is_a?(Tr8n::TranslationKey) %>
       <% @translation_key = @reported_object %>
       <%= render :partial => '/tr8n/phrases/header' %>
    <% elsif @reported_object.is_a?(Tr8n::LanguageForumMessage) %>
      <div style="padding:10px; background-color:#eff8ff; border: 1px solid #ccc; margin-bottom: 5px;">
        <div style="color:grey;font-size:20px;padding-bottom:10px;">
            <%=tra("Forum Message")%>
        </div>
        <div style="padding-bottom:5px;font-size:14px; max-height:50px; overflow:auto;">
            <%=image_tag("/tr8n/images/left_quote.png", :style=>"text-align:bottom;padding-bottom:5px;") %>
            <%=@reported_object.toHTML %>
            <%=image_tag("/tr8n/images/right_quote.png", :style=>"text-align:bottom;padding-top:5px;") %>
        </div>
      </div>        
    <% elsif @reported_object.is_a?(Tr8n::TranslationKeyComment) %>
      <div style="padding:10px; background-color:#eff8ff; border: 1px solid #ccc; margin-bottom: 5px;">
        <div style="color:grey;font-size:20px;padding-bottom:10px;">
            <%=tra("Translation Key Comment")%>
        </div>
        <div style="padding-bottom:5px;font-size:14px; max-height:50px; overflow:auto;">
            <%=image_tag("/tr8n/images/left_quote.png", :style=>"text-align:bottom;padding-bottom:5px;") %>
            <%=@reported_object.toHTML %>
            <%=image_tag("/tr8n/images/right_quote.png", :style=>"text-align:bottom;padding-top:5px;") %>
        </div>
      </div>        
    <% elsif @reported_object.is_a?(Tr8n::Translation) %>
      <div style="padding:10px; background-color:#eff8ff; border: 1px solid #ccc; margin-bottom: 5px;">
        <div style="color:grey;font-size:20px;padding-bottom:10px;">
            <%=tra("Translation in {language}", nil, :language => @reported_object.language.native_name)%>
        </div>
        
        <div style="padding-bottom:5px;font-size:14px">
            <%=image_tag("/tr8n/images/left_quote.png", :style=>"text-align:bottom;padding-bottom:5px;") %>
            <%=h @reported_object.label %>
            <%=image_tag("/tr8n/images/right_quote.png", :style=>"text-align:bottom;padding-top:5px;") %>
        </div>
      
        <% if @reported_object.context %>
          <div style="font-size: 11px; color: grey; padding:3px;">
            <%=tra("Context:")%> <%= @reported_object.context %>  
          </div>
        <% end %>

        <%=render :partial => 'header_key_report'%>       
      </div>    
    <% end %>    
  </div>

	<div class="bd" <%=tr8n_dir_attribute_tag%> style="padding-bottom:80px;">
	    <%= form_tag({}, {:method => :post, :id => :tr8n_form}) do %>
	      <%= hidden_field_tag(:origin, params[:origin]) %>
	      <%= hidden_field_tag(:object_id, @reported_object.id) %>
	      <%= hidden_field_tag(:object_type, @reported_object.class.name) %>
	      <div class="content">
	      	<div class="title">
	      		<%= tra("Report Details")%> 
	      	</div>	
	        <table>
	          <tr>
	            <td>
	              <%= tra("Reason:")%>
	            </td>
	            <td>
	              <%= select_tag("reason", tr8n_options_for_select(Tr8n::TranslatorReport.default_reasons_for(@reported_object), '')) %>
	            </td>
	          </tr>
	          <tr>
	            <td>
	              <%= tra("Comment:")%>
	              <div style="color:#ccc;">
	              <%= tra("optional")%>
	              </div>
	            </td>
	            <td>
	              <%= text_area_tag("comment", '', :style => "width:450px; height:40px;") %>
								<div style="font-size:10px; color:grey; padding-top:10px; font-style:italic;"><%=tra('Note: Please submit your comments in English.')%></div>
	            </td>
	          </tr>
	        </table>
	      </div>
	    <% end %>
	</div>
	<div class="ft">
      <%= render :partial => '/tr8n/admin/common/lightbox_buttons' %>  
	</div>
</div>
<%= tr8n_lightbox_footer_tag %>
